<template>

	<view>

		<!-- 	搜索栏 -->

		<view class="flex align-center bg-white">
			<view>
				<image src="/static/logo.svg" class="logo"></image>
			</view>
			<view class="flex padding-xs basis-xl radius  align-center margin-lg solids">
				<view><input /></view>
				<view class="cuIcon-search"></view>
			</view>

			<view>
				<image src="../../static/user.svg" class="cu-avatar round margin-sm" @tap="login"></image>
			</view>

		</view>


		<!-- 个人中心 -->

		<view style="background-color: #FEE3B4;">
			<view class='radius flex align-center margin-lg '>
				<image class="cu-avatar round margin-lg myavatar " src="../../static/mine_image/touxiang.png"
					@tap="login">
				</image>
				<view class="flex align-center">
					<view class=" flex align-center" style="width: 400rpx;">
						<view>
							<button class=".bg-red .cu-btn .cu-btn round " @tap="goemail">邮箱绑定</button>
							<!-- <view class="text-xl padding-sm background-color:#946B37">个人认证</view> -->
							<view>
								<view class="btn-area">
									<button class=".bg-red .cu-btn .cu-btn round margin-top-sm"
										@tap="goDetail">个人认证</button>
								</view>
							</view>
						</view>

					</view>

					<view class="cuIcon-right margin-lg " @tap="login"></view>

				</view>
			</view>

			<view class="grid col-3 margin-xl align-center">
				<view class="text-center margin-bottom-sm  ">
					<view class="  text-xl">0.00</view>
					<view class="text-df ">余额</view>

				</view>
				<view class="text-center margin-bottom-sm" style="background-color: #FfE7BB;">
					<view class=" text-xl ">0.00</view>
					<view class=" text-df">代金券</view>
				</view>
				<view class="text-center margin-bottom-sm">
					<view class=" text-xl ">0.00</view>
					<view class="text-df ">优惠券</view>

				</view>



			</view>

		</view>

		<!-- 	我的消息/我的订单/帮助中心 -->
		<view class="cu-list menu sm-border card-menu">
			<view @click="manProduct" class="cu-item arrow">
				<view class="content">
					<image src="../../static/mine_image/my_info.png"></image>
					<text class="text-black">产品管理</text>
				</view>
			</view>

			<view class="cu-item arrow">
				<view class="content">
					<image src="../../static/mine_image/my_bus.png"></image>
					<text class="text-black"> 我的订单</text>
				</view>
			</view>

			<view class="cu-item arrow">
				<view class="content">
					<image src="../../static/mine_image/minenote.png"></image>
					<text class="text-black"> 帮助中心</text>
				</view>
			</view>
		</view>

		<!-- 		安全中心/我的建议/设置 -->
		<view class="cu-list menu sm-border card-menu">
			<view class="cu-item arrow">
				<view class="content">
					<image src="../../static/mine_image/security.png"></image>
					<text class="text-black"> 安全中心</text>
				</view>
			</view>

			<view class="cu-item arrow">
				<view class="content">
					<image src="../../static/mine_image/suggestion.png"></image>
					<text class="text-black"> 我的建议</text>
				</view>
			</view>

			<view class="cu-item arrow">
				<view class="content">
					<image src="../../static/mine_image/config.png"></image>
					<text class="text-black"> 设置</text>
				</view>
			</view>
		</view>


	</view>



</template>

<script>
	export default {
		data() {
			return {
				isAdmin: false
			}
		},

		onShow() {
			this.isAdmin = this.$isAdmin
			// console.log(this.isAdmin);
			// console.log(this.$isAdmin);
		},
		methods: {
			manProduct() {
				uni.navigateTo({
					url: 'manProduct/manProduct'
				})

			},
			goDetail() {
				uni.navigateTo({
					url: '/pages/verify/verify'
				});
			},
			goemail() {
				uni.navigateTo({
					url: '/pages/mine/email'
				});
			},
			login() {
				uni.navigateTo({
					url: '/pages/login/login'
				});
			}
		}
	}
</script>

<style>
	.myavatar {
		width: 100rpx;
		height: 100rpx;
	}

	.logo {
		width: 200rpx;
		height: 175rpx;
	}

	.container {
		/* 定义flex容器 */
		display: flex;
		/*设置容器内部容器的排列方向*/
		flex-direction: row;
		flex-wrap: wrap;
		background-color: white;


	}

	/* @import "colorui/main.css";
	@import "colorui/icon.css"; */
</style>